<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS显示模式之行内块元素</title>
</head>

<body>
    在行内元素中有几个特殊的标签---- img/ input/ td ，它们同时具有块级元素和行内元素的特点
    <br>
    在一些资料内称它们为行内块元素
    <ol>
        <li>和相邻行内（块）元素在一行上，但是它们之间会有空白缝隙。</li>
        <li>默认宽度就是它本身内容的宽度（行内元素的特点）</li>
        <li>高度，宽度，外边距以及内边距都可以控制（块级元素特点）</li>
    </ol>
</body>

</html>